.index {
  width: 750rpx;
  background-color: #F6F6F6;
  min-height: 100vh;
  overflow: hidden;

  .list {
    display: flex;
    flex-wrap: wrap;
    width: 690rpx;

    margin: 30rpx;
    box-sizing: border-box;
    justify-content: space-between;

    .item {
      background-color: #fff;
      margin-bottom: 30rpx;
      width: 330rpx;
      padding: 0;
      border-radius: 26rpx;
      padding-bottom: 20rpx;
 

      .img {
        width: 330rpx;
        height: 220rpx;
        border-radius: 26rpx 26rpx 0 0 ;
      
      }
      .text{
        color: #333333;
        font-weight: bold;
        font-size: 33rpx;
        line-height: 80rpx;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
       width: 330rpx;
       padding: 0 20rpx;
       box-sizing: border-box;
      }
      .desc{
        color: #939393;
        font-size: 26rpx;
        padding: 0 20rpx;
        box-sizing: border-box;
      }
      .wait, .btn{
        width: 200rpx;
        height: 56rpx;
        background-color: #F7F7F7;
        border-radius: 30rpx;
        color: #A8A8A8;
        display: flex;
        justify-content: center;
        align-items: center;
     font-size: 25rpx;
     margin-top: 30rpx;
      
      }
      .btn{
        background-color: #333333;
        color: #fff;
      }
    }
  }

}